<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="css/table_status.css" rel="stylesheet" type="text/css" />
<link href="css/popup_register.css" rel="stylesheet" type="text/css" />
<script src="../inc/ajax_framework.js"></script>
<script src="js/status.js"></script>
<script src="js/calender.js"></script>
<script type="text/javascript" src="../inc/jquery.js"></script>
</head>
<body>

<p id="backToIndexPage"><a href="./">Back</a></p>
<center>
<form name="formSearchStatus"><span id="headTitle">ระบบจองโต๊อาหารล่วงหน้า</span><br>
<br>
<label>วันและเวลาที่ต้องการจอง&nbsp; <input id="dete_start"
	type="text" name="timestart" value="" size="20"> <a
	href="javascript:show_calendar('document.formSearchStatus.timestart', document.formSearchStatus.timestart.value);"><img
	src="pic/cal.gif" width="16" height="16" border="0"
	alt="คลิกเพื่อเลือกวันแล้วเวลาที่ต้องการ"> </a> </label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label>ถึง&nbsp; <input
	id="dete_end" type="text" name="timeend" value="" size="20"> <a
	href="javascript:show_calendar('document.formSearchStatus.timeend', document.formSearchStatus.timestart.value);"><img
	src="pic/cal.gif" width="16" height="16" border="0"
	alt="คลิกเพื่อเลือกวันแล้วเวลาที่ต้องการ"> </a> </label> <label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#"> <input type="button"
	id="button_search" class="button" name="submit" onclick="checkStatus()"
	value="submit"> </a></label></form>
</center>
<br>
<center>
<div id="show_status"></div>
</center>

<! ============== เริ่มต้น popup ของหน้าลงชื่อจอง  ===============>

<div id="popup_register" class="popup_block">
<div id="register" class="form">
<form id="form" name="form" method="post" action="index.html">
<h1>ลงทะเบียนจองโต๊ะอาหาร</h1>

<label>ชื่อ </label> <input type="text" id="name" /> <label>นามสกุล</label>
<input type="text" id="lastName" /> <label>เบอร์โทรศัพท์</label> <input
	type="text" id="phone" /> <label>อีเมล์</label> <input type="text"
	id="email" /> <label>วันและเวลาที่เริ่มจอง </label> <input type="text"
	id="timeStart" readonly="readonly" /> <label>จองถึง </label> <input
	type="text" id="timeEnd" readonly="readonly" />

<button type="submit">จอง</button>
<div class="spacer"></div>

</form>
</div>
</div>

</body>
</html>